<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="http://127.0.0.1:8081/css/style.css" />
    <!--[if IE 6]>
    <script src="http://127.0.0.1:8081/js/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix('div, ul, img, li, input, a');
    </script>
    <![endif]-->
    <script type="text/javascript" src="http://127.0.0.1:8081/js/jquery-1.8.3.min.js"></script>
    <!--<script type="text/javascript" src="http://127.0.0.1:8081/js/jquery-1.8.2.min.js"></script>-->
    <script type="text/javascript" src="http://127.0.0.1:8081/js/menu.js"></script>
	<script type="text/javascript" src="http://127.0.0.1:8081/js/lrscroll_1.js"></script>
	<script type="text/javascript" src="http://127.0.0.1:8081/js/n_nav.js"></script>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8081/css/ShopShow.css" />
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8081/css/MagicZoom.css" />
    <script type="text/javascript" src="http://127.0.0.1:8081/js/MagicZoom.js"></script>
    <script type="text/javascript" src="http://127.0.0.1:8081/js/num.js">
    	var jq = jQuery.noConflict();
    </script>
    <script type="text/javascript" src="http://127.0.0.1:8081/js/p_tab.js"></script>
    <script type="text/javascript" src="http://127.0.0.1:8081/js/shade.js"></script>
<title>易买网-商品详情</title>
</head>
<body>  
<!--Begin Header Begin-->
<div class="soubg">
	<div class="sou">
    	<!--Begin 所在收货地区 Begin-->
    	<span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0" cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>
        <!--End 所在收货地区 End-->
        <span class="fr" th:if="${session.user.loginName!=null}">
        	<span class="fl"><a href="#" th:text="${session.user.userName}">用户名</a>&nbsp;|&nbsp;<a href="OrderShowAll">我的订单</a>&nbsp;|&nbsp;<a href="exit.action">注销</a></span>
        </span>
        <span class="fr" th:if="${session.user.loginName==null}">
            <span class="fl">你好，请<a href="gologin"  style="color:#ff4e00;">登录</a>&nbsp;<a href="goRegist" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>
        </span>
    </div>
</div>
<div class="top">
    <div class="logo"><a href="indexShow"><img src="http://127.0.0.1:8070/logo.png" /></a></div>
    <div class="search">
        <!--输入商品名查询商品-->
        <form action="showProduct" method="post">
            <input name="epname" type="text" value="" class="s_ipt" th:value="${keywords}"/>
            <input type="submit" value="搜索" class="s_btn" />
        </form>
        <span class="fl"><a href="#">咖啡</a><a href="#">iphone13</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a href="#">日用品</a><a href="#">连衣裙</a></span>
    </div>
    <div class="i_car">
        <div class="car_t">购物车 [ <span th:text="${snum}" class="snum">1</span> ]</div>
        <div class="car_bg">
            <!--Begin 购物车未登录 Begin-->
            <div class="un_login" th:hidden="${session.user.loginName==null?false:true}">还未登录！<a href="gologin" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>
            <!--End 购物车未登录 End-->
            <!--Begin 购物车已登录 Begin-->
            <ul class="cars" th:hidden="${session.user.loginName==null?true:false}">
                <li th:each="shopcar:${shopcars}" th:hidden="${shopcars==null?true:false}">
                    <div class="img"><a href="#"><img th:src="@{'http://127.0.0.1:8070/'+${shopcar.ep.fileName}}" width="58" height="58" /></a></div>
                    <div class="name"><a href="#" th:text="${shopcar.ep.name}">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a></div>
                    <div class="price"><font color="#ff4e00" th:text="'￥'+${shopcar.ep.price}">￥399</font> X<span th:text="${shopcar.number}">1</span></div>
                </li>
            </ul>
            <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span class="zj" th:text="${zj}">399</span></div>
            <div id="toCar" class="price_a"><a th:href="${zj==0?'indexShow':'jiesuan1'}" th:text="${zj==0?'购物车还是空的哦':'去购物车结算'}">去购物车结算</a></div>
            <!--End 购物车已登录 End-->
        </div>
    </div>
</div>
<!--End Header End-->
<!--Begin Menu Begin-->
<div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav none">
                <ul>
                    <li th:each="epc,stat1:${epcs}" th:hidden="${stat1.index<10?false:true}">
                        <div class="fj">
                            <span class="n_img"><span></span><img th:src="@{'images/nav'+${stat1.index+1}+'.png'}" src="http://127.0.0.1:8070/nav1.png" /></span>
                            <span class="fl" th:text="${epc.name}">进口食品、生鲜s</span>
                            <!--<span class="fl"><a th:href="@{/selectEpsByEpcId(id=${epc.id})}" th:text="${epc.name}">进口食品、生鲜s</a></span>-->
                        </div>
                        <div class="zj" th:style="@{'top:'+${stat1.index*-40}+'px;'}">
                            <div class="zj_l">
                                <div class="zj_l_c" th:each="epc2,stat2:${epc.getProList()}">

                                    <h2><a th:href="@{/selectEpsByEpcId(id=${epc2.id})}" th:text="${epc2.name}">零食 / 糖果 / 巧克力</a></h2>
                                    <a th:href="@{/selectEpsByEpcId(id=${epc3.id})}" th:each="epc3,stat3:${epc2.proList}" th:text="${epc3.name}+'&nbsp; |'">坚果</a>
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img src="http://127.0.0.1:8070/n_img1.jpg" width="236" height="200" /></a>
                                <a href="#"><img src="http://127.0.0.1:8070/n_img2.jpg" width="236" height="200" /></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--End 商品分类详情 End-->
        <ul class="menu_r">
            <li><a href="indexShow">首页</a></li>
            <li th:each="ep,statep:${epcs}"><a th:href="@{/selectEpsByEpcId(id=${ep.id})}" th:if="${statep.index} lt '8'"  th:text="${ep.name}">首页</a></li>

        </ul>
        <div class="m_ad">中秋送好礼！</div>
    </div></div>
</div>
<!--End Menu End-->

<div class="i_bg">
	<div class="postion">
        <span class="fl">全部 > <span th:text="${epc.pname.pname.name}">美妆个护</span> > <span th:text="${epc.pname.name}">香水</span> > <span th:text="${epc.name}">迪奥</span> > <span th:text="${product.name}">迪奥真我香水</span></span>
    </div>    
    <div class="content">
    	                    
        <div id="tsShopContainer">
            <div id="tsImgS"><a th:href="@{'http://127.0.0.1:8070/'+${product.fileName}}" title="Images" class="MagicZoom" id="MagicZoom"><img th:src="@{'http://127.0.0.1:8070/'+${product.fileName}}" width="390" height="390" /></a></div>
            <div id="tsPicContainer">
                <div id="tsImgSArrL" onclick="tsScrollArrLeft()"></div>
                <div id="tsImgSCon">
                    <ul>
                        <li onclick="showPic(0)" rel="MagicZoom" class="tsSelectImg"><img src="http://127.0.0.1:8070/ps1.jpg" th:src="@{'http://127.0.0.1:8070/'+${product.fileName}}" th:tsImgS="@{'http://127.0.0.1:8070/'+${product.fileName}}" width="79" height="79" /></li>
                        <li onclick="showPic(1)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps2.jpg" tsImgS="images/ps2.jpg" width="79" height="79" /></li>
                        <li onclick="showPic(2)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps3.jpg" th:src="@{'http://127.0.0.1:8070/'+${product.fileName}}" th:tsImgS="@{'http://127.0.0.1:8070/'+${product.fileName}}" width="79" height="79" /></li>
                        <li onclick="showPic(3)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps4.jpg" tsImgS="images/ps4.jpg" width="79" height="79" /></li>
                        <li onclick="showPic(4)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps1.jpg" tsImgS="images/ps1.jpg" width="79" height="79" /></li>
                        <li onclick="showPic(5)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps2.jpg" th:src="@{'http://127.0.0.1:8070/'+${product.fileName}}" th:tsImgS="@{'http://127.0.0.1:8070/'+${product.fileName}}" width="79" height="79" /></li>
                        <li onclick="showPic(6)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps3.jpg" tsImgS="images/ps3.jpg" width="79" height="79" /></li>
                        <li onclick="showPic(7)" rel="MagicZoom"><img src="http://127.0.0.1:8070/ps4.jpg" tsImgS="images/ps4.jpg" width="79" height="79" /></li>
                    </ul>
                </div>
                <div id="tsImgSArrR" onclick="tsScrollArrRight()"></div>
            </div>
            <img class="MagicZoomLoading" width="16" height="16" src="http://127.0.0.1:8070/loading.gif" alt="Loading..." />
        </div>
        
        <div class="pro_des">
        	<div class="des_name">
            	<p th:text="${product.name}">Dior/迪奥 真我香水EDP 克丽丝汀迪奥 全新 30ml</p>
                <span th:text="${product.description}"> </span> “开业巨惠，北京专柜直供”，不光低价，“真”才靠谱！
            </div>
            <div class="des_price">
            	本店价格：<span th:text="@{'￥'+${product.price}}">￥589</span><br />
                剩余库存：<span th:text="${product.stock}">100</span>
            </div>
            <div class="des_choice">
            	<span class="fl">型号选择：</span>
                <ul>
                	<li class="checked">30ml<div class="ch_img"></div></li>
                    <li>50ml<div class="ch_img"></div></li>
                    <li>100ml<div class="ch_img"></div></li>
                </ul>
            </div>
            <div class="des_choice">
            	<span class="fl">颜色选择：</span>
                <ul>
                	<li>红色<div class="ch_img"></div></li>
                    <li class="checked">白色<div class="ch_img"></div></li>
                    <li>黑色<div class="ch_img"></div></li>
                </ul>
            </div>
            <div class="des_share">
            	<div class="d_sh">
                	分享
                    <div class="d_sh_bg">
                    	<a href="#"><img src="http://127.0.0.1:8070/sh_1.gif" /></a>
                        <a href="#"><img src="http://127.0.0.1:8070/sh_2.gif" /></a>
                        <a href="#"><img src="http://127.0.0.1:8070/sh_3.gif" /></a>
                        <a href="#"><img src="http://127.0.0.1:8070/sh_4.gif" /></a>
                        <a href="#"><img src="http://127.0.0.1:8070/sh_5.gif" /></a>
                    </div>
                </div>
                <div class="d_care"><a onclick="ShowDiv('MyDiv','fade')">关注商品</a></div>
            </div>
            <div class="des_join">
            	<div class="j_nums">
                    <input type="hidden" th:value="${product.id}" id="pid" class="pid">
                    <input type="hidden" th:value="${product.stock}" id="stock" class="stock">
                	<input type="text" onblur="shurunum(jq(this))" value="1" id="number" name="" class="n_ipt" />
                    <input type="button" value="" onclick="addUpdate(jq(this));" class="n_btn_1" />
                    <input type="button" value="" onclick="jianUpdate(jq(this));" class="n_btn_2" />
                </div>

                <span class="fl"><a onclick="ShowDiv_1('MyDiv1','fade1')"><img src="http://127.0.0.1:8070/j_car.png" /></a></span>
            </div>            
        </div>    
        
        <div class="s_brand">
        	<div class="s_brand_img"><img src="http://127.0.0.1:8070/sbrand.jpg" width="188" height="132" /></div>
            <div class="s_brand_c"><a href="#">进入品牌专区</a></div>
        </div>    
        
        
    </div>
    <div class="content mar_20">
    	<div class="l_history">
        	<div class="fav_t">用户还喜欢</div>
        	<ul>
            	<li>
                    <div class="img"><a href="#"><img src="http://127.0.0.1:8070/his_1.jpg" width="185" height="162" /></a></div>
                	<div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                    <div class="price">
                    	<font>￥<span>368.00</span></font> &nbsp; 18R
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="http://127.0.0.1:8070/his_2.jpg" width="185" height="162" /></a></div>
                	<div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                    <div class="price">
                    	<font>￥<span>768.00</span></font> &nbsp; 18R
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="http://127.0.0.1:8070/his_3.jpg" width="185" height="162" /></a></div>
                	<div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                    <div class="price">
                    	<font>￥<span>680.00</span></font> &nbsp; 18R
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="http://127.0.0.1:8070/his_4.jpg" width="185" height="162" /></a></div>
                	<div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                    <div class="price">
                    	<font>￥<span>368.00</span></font> &nbsp; 18R
                    </div>
                </li>
                <li>
                    <div class="img"><a href="#"><img src="http://127.0.0.1:8070/his_5.jpg" width="185" height="162" /></a></div>
                	<div class="name"><a href="#">Dior/迪奥香水2件套装</a></div>
                    <div class="price">
                    	<font>￥<span>368.00</span></font> &nbsp; 18R
                    </div>
                </li>
        	</ul>
        </div>
        <div class="l_list">        	
            <div class="des_border">
            	<div class="des_tit">
                	<ul>
                    	<li class="current">推荐搭配</li>
                    </ul>
                </div>
                <div class="team_list">
                	<div class="img"><a href="#"><img src="http://127.0.0.1:8070/mat_1.jpg" width="160" height="140" /></a></div>
                	<div class="name"><a href="#">倩碧补水组合套装8折促销</a></div>
                    <div class="price">
                    	<div class="checkbox"><input type="checkbox" name="zuhe" checked="checked" /></div>
                    	<font>￥<span>768.00</span></font> &nbsp; 18R
                    </div>
                </div>
                <div class="team_icon"><img src="http://127.0.0.1:8070/jia_b.gif" /></div>
                <div class="team_list">
                	<div class="img"><a href="#"><img src="http://127.0.0.1:8070/mat_2.jpg" width="160" height="140" /></a></div>
                	<div class="name"><a href="#">香奈儿邂逅清新淡香水50ml</a></div>
                    <div class="price">
                    	<div class="checkbox"><input type="checkbox" name="zuhe" /></div>
                    	<font>￥<span>749.00</span></font> &nbsp; 18R
                    </div>
                </div>
                <div class="team_icon"><img src="http://127.0.0.1:8070/jia_b.gif" /></div>
                <div class="team_list">
                	<div class="img"><a href="#"><img src="http://127.0.0.1:8070/mat_3.jpg" width="160" height="140" /></a></div>
                	<div class="name"><a href="#">香奈儿邂逅清新淡香水50ml</a></div>
                    <div class="price">
                    	<div class="checkbox"><input type="checkbox" name="zuhe" checked="checked" /></div>
                    	<font>￥<span>749.00</span></font> &nbsp; 18R
                    </div>
                </div>
                <div class="team_icon"><img src="http://127.0.0.1:8070/equl.gif" /></div>
                <div class="team_sum">
                	套餐价：￥<span>1517</span><br />
                    <input type="text" value="1" class="sum_ipt" /><br />
                    <a href="#"><img src="http://127.0.0.1:8070/z_buy.gif" /></a>
                </div>
                
            </div>
            <div class="des_border">
                <div class="des_tit">
                	<ul>
                    	<li class="current"><a href="#p_attribute">商品属性</a></li>
                        <li><a href="#p_details">商品详情</a></li>
                        <li><a href="#p_comment">商品评论</a></li>
                    </ul>
                </div>
                <div class="des_con" id="p_attribute">
                	
                	<table border="0" align="center" style="width:100%; font-family:'宋体'; margin:10px auto;" cellspacing="0" cellpadding="0">
                      <tr>
                        <td>商品名称：迪奥香水</td>
                        <td>商品编号：1546211</td>
                        <td>品牌： 迪奥（Dior）</td>
                        <td>上架时间：2015-09-06 09:19:09 </td>
                      </tr>
                      <tr>
                        <td>商品毛重：160.00g</td>
                        <td>商品产地：法国</td>
                        <td>香调：果香调香型：淡香水/香露EDT</td>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>容量：1ml-15ml </td>
                        <td>类型：女士香水，Q版香水，组合套装</td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                      </tr>
                    </table>                                               
                                            
                        
                </div>
          	</div>  
            
            <div class="des_border" id="p_details">
                <div class="des_t">商品详情</div>
                <div class="des_con">
                	<table border="0" align="center" style="width:745px; font-size:14px; font-family:'宋体';" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="265"><img src="http://127.0.0.1:8070/de1.jpg" width="206" height="412" /></td>
                        <td>
                        	<b>迪奥真我香水(Q版)</b><br />
                            【商品规格】：5ml<br />
                            【商品质地】：液体<br />
                            【商品日期】：与专柜同步更新<br />
                            【商品产地】：法国<br />
                            【商品包装】：无外盒 无塑封<br />
                            【商品香调】：花束花香调<br />
                            【适用人群】：适合女性（都市白领，性感，有女人味的成熟女性）<br />
                        </td>
                      </tr>
                    </table>
                    
                    <p align="center">
                    <img src="http://127.0.0.1:8070/de2.jpg" width="746" height="425" /><br /><br />
                    <img src="http://127.0.0.1:8070/de3.jpg" width="750" height="417" /><br /><br />
                    <img src="http://127.0.0.1:8070/de4.jpg" width="750" height="409" /><br /><br />
                    <img src="http://127.0.0.1:8070/de5.jpg" width="750" height="409" />
					</p>
                    
                </div>
          	</div>  
            
            <div class="des_border" id="p_comment">
            	<div class="des_t">商品评论</div>
                
                <table border="0" class="jud_tab" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="175" class="jud_per">
                    	<p>80.0%</p>好评度
                    </td>
                    <td width="300">
                    	<table border="0" style="width:100%;" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="90">好评<font color="#999999">（80%）</font></td>
                            <td><img src="http://127.0.0.1:8070/pl.gif" align="absmiddle" /></td>
                          </tr>
                          <tr>
                            <td>中评<font color="#999999">（20%）</font></td>
                            <td><img src="http://127.0.0.1:8070/pl.gif" align="absmiddle" /></td>
                          </tr>
                          <tr>
                            <td>差评<font color="#999999">（0%）</font></td>
                            <td><img src="http://127.0.0.1:8070/pl.gif" align="absmiddle" /></td>
                          </tr>
                        </table>
                    </td>
                    <td width="185" class="jud_bg">
                    	购买过雅诗兰黛第六代特润精华露50ml的顾客，在收到商品才可以对该商品发表评论
                    </td>
                    <td class="jud_bg">您可对已购买商品进行评价<br /><a href="#"><img src="http://127.0.0.1:8070/btn_jud.gif" /></a></td>
                  </tr>
                </table>
                
                
                				
                <table border="0" class="jud_list" style="width:100%; margin-top:30px;" cellspacing="0" cellpadding="0">
                  <tr valign="top">
                    <td width="160"><img src="http://127.0.0.1:8070/peo1.jpg" width="20" height="20" align="absmiddle" />&nbsp;向死而生</td>
                    <td width="180">
                    	颜色分类：<font color="#999999">粉色</font> <br />
                        型号：<font color="#999999">50ml</font>
                    </td>
                    <td>
                    	产品很好，香味很喜欢，必须给赞。 <br />
                        <font color="#999999">2015-09-24</font>
                    </td>
                  </tr>
                  <tr valign="top">
                    <td width="160"><img src="http://127.0.0.1:8070/peo2.jpg" width="20" height="20" align="absmiddle" />&nbsp;就是这么想的</td>
                    <td width="180">
                    	颜色分类：<font color="#999999">粉色</font> <br />
                        型号：<font color="#999999">50ml</font>
                    </td>
                    <td>
                    	送朋友，她很喜欢，大爱。 <br />
                        <font color="#999999">2015-09-24</font>
                    </td>
                  </tr>
                  <tr valign="top">
                    <td width="160"><img src="http://127.0.0.1:8070/peo3.jpg" width="20" height="20" align="absmiddle" />&nbsp;墨镜墨镜</td>
                    <td width="180">
                    	颜色分类：<font color="#999999">粉色</font> <br />
                        型号：<font color="#999999">50ml</font>
                    </td>
                    <td>
                    	大家都说不错<br />
                        <font color="#999999">2015-09-24</font>
                    </td>
                  </tr>
                  <tr valign="top">
                    <td width="160"><img src="http://127.0.0.1:8070/peo4.jpg" width="20" height="20" align="absmiddle" />&nbsp;那*****洋 <br /><font color="#999999">（匿名用户）</font></td>
                    <td width="180">
                    	颜色分类：<font color="#999999">粉色</font> <br />
                        型号：<font color="#999999">50ml</font>
                    </td>
                    <td>
                    	下次还会来买，推荐。<br />
                        <font color="#999999">2015-09-24</font>
                    </td>
                  </tr>
                </table>

                	
                    
                <div class="pages">
                    <a href="#" class="p_pre">上一页</a><a href="#" class="cur">1</a><a href="#">2</a><a href="#">3</a>...<a href="#">20</a><a href="#" class="p_pre">下一页</a>
                </div>
                
          	</div>
            
            
        </div>
    </div>
    
    
    <!--Begin 弹出层-收藏成功 Begin-->
    <div id="fade" class="black_overlay"></div>
    <div id="MyDiv" class="white_content">             
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv('MyDiv','fade')"><img src="http://127.0.0.1:8070/close.gif" /></span>
            </div>
            <div class="notice_c">
           		
                <table border="0" align="center" style="margin-top:0;" cellspacing="0" cellpadding="0">
                  <tr valign="top">
                    <td width="40"><img src="http://127.0.0.1:8070/suc.png" /></td>
                    <td>
                    	<span style="color:#3e3e3e; font-size:18px; font-weight:bold;">您已成功收藏该商品</span><br />
                    	<a href="#">查看我的关注 >></a>
                    </td>
                  </tr>
                  <tr height="50" valign="bottom">
                  	<td>&nbsp;</td>
                    <td><a href="#" class="b_sure">确定</a></td>
                  </tr>
                </table>
                    
            </div>
        </div>
    </div>    
    <!--End 弹出层-收藏成功 End-->
    
    
    <!--Begin 弹出层-加入购物车 Begin-->
    <div id="fade1" class="black_overlay"></div>
    <div id="MyDiv1" class="white_content">             
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv_1('MyDiv1','fade1')"><img src="http://127.0.0.1:8070/close.gif" /></span>
            </div>
            <div class="notice_c">
           		
                <table border="0" align="center" style="margin-top:0;" cellspacing="0" cellpadding="0">
                  <tr valign="top">
                    <td width="40"><img src="http://127.0.0.1:8070/suc.png" /></td>
                    <td>
                    	<span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br />
                    	购物车共有<span class="snum">1</span>种宝贝（<span id="shuliang">3</span>件） &nbsp; &nbsp; 合计：<span class="zj">1120</span>元
                    </td>
                  </tr>
                  <tr height="50" valign="bottom">
                  	<td>&nbsp;</td>
                    <td><a href="jiesuan1" class="b_sure">去购物车结算</a><a href="indexShow" class="b_buy">继续购物</a></td>
                  </tr>
                </table>
                    
            </div>
        </div>
    </div>    
    <!--End 弹出层-加入购物车 End-->
    
    
    
    <!--Begin Footer Begin -->
    <div class="b_btm_bg bg_color">
        <div class="b_btm">
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="http://127.0.0.1:8070/b1.png" width="62" height="62" /></td>
                <td><h2>正品保障</h2>正品行货  放心购买</td>
              </tr>
            </table>
			<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="http://127.0.0.1:8070/b2.png" width="62" height="62" /></td>
                <td><h2>满38包邮</h2>满38包邮 免运费</td>
              </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="http://127.0.0.1:8070/b3.png" width="62" height="62" /></td>
                <td><h2>天天低价</h2>天天低价 畅选无忧</td>
              </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="http://127.0.0.1:8070/b4.png" width="62" height="62" /></td>
                <td><h2>准时送达</h2>收货时间由你做主</td>
              </tr>
            </table>
        </div>
    </div>
    <div class="b_nav">
    	<dl>                                                                                            
        	<dt><a href="#">新手上路</a></dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
            <dd><a href="#">隐私声明</a></dd>
            <dd><a href="#">推荐分享说明</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">配送与支付</a></dt>
            <dd><a href="#">货到付款区域</a></dd>
            <dd><a href="#">配送支付查询</a></dd>
            <dd><a href="#">支付方式说明</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">会员中心</a></dt>
            <dd><a href="#">资金管理</a></dd>
            <dd><a href="#">我的收藏</a></dd>
            <dd><a href="#">我的订单</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">服务保证</a></dt>
            <dd><a href="#">退换货原则</a></dd>
            <dd><a href="#">售后服务保证</a></dd>
            <dd><a href="#">产品质量保证</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">联系我们</a></dt>
            <dd><a href="#">网站故障报告</a></dd>
            <dd><a href="#">购物咨询</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <div class="b_tel_bg">
        	<a href="#" class="b_sh1">新浪微博</a>            
        	<a href="#" class="b_sh2">腾讯微博</a>
            <p>
            服务热线：<br />
            <span>400-123-4567</span>
            </p>
        </div>
        <div class="b_er">
            <div class="b_er_c"><img src="http://127.0.0.1:8070/er.gif" width="118" height="118" /></div>
            <img src="http://127.0.0.1:8070/ss.png" />
        </div>
    </div>    
    <div class="btmbg">
		<div class="btm">
        	备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com   Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group <br />
            <img src="http://127.0.0.1:8070/b_1.gif" width="98" height="33" /><img src="http://127.0.0.1:8070/b_2.gif" width="98" height="33" /><img src="http://127.0.0.1:8070/b_3.gif" width="98" height="33" /><img src="http://127.0.0.1:8070/b_4.gif" width="98" height="33" /><img src="http://127.0.0.1:8070/b_5.gif" width="98" height="33" /><img src="http://127.0.0.1:8070/b_6.gif" width="98" height="33" />
        </div>    	
    </div>
    <!--End Footer End -->    
</div>

</body>

<script src="http://127.0.0.1:8081/js/ShopShow.js"></script>

<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
<script type="text/javascript" th:inline="javascript">

    function ShowDiv_1(show_div,bg_div){
        jQuery(".cars").html(" ");
        var pid=document.getElementById("pid").value;
        var number=document.getElementById("number").value;
        jQuery.post("addShopCar",{"pid":pid,"number":number},
            function (data) {
                var ss=jQuery(data.scs);
                var zongji=0;
                var shuliang=0;
                for(var i=0;i<ss.length;i++){
                    var div1="<li><div class='img'><a href='#'><img src='http://127.0.0.1:8070/"+ss[i].ep.fileName+"'width='58' height='58' /></a></div>\n<div class='name'><a href='#'>"+ss[i].ep.name+"</a></div>\n<div class='price'><font color='#ff4e00'>￥"+ss[i].ep.price+"</font> X"+ss[i].number+"</div>\n</li>";
                    jQuery(".cars").append(div1);
                    zongji=zongji+ss[i].xiaoji;
                    shuliang=shuliang+ss[i].number;
                }
                var content = "<a href='jiesuan1' >去购物车结算</a>"
                jQuery("#toCar").html(content);
                jQuery("#shuliang").text(shuliang);
                jQuery(".snum").text(ss.length);
                jQuery(".zj").text(zongji);
            },"json");
        document.getElementById(show_div).style.display='block';
        document.getElementById(bg_div).style.display='block' ;
        var bgdiv = document.getElementById(bg_div);
        bgdiv.style.width = document.body.scrollWidth;
        // bgdiv.style.height = $(document).height();
        $("#"+bg_div).height($(document).height());
    };


    function shurunum(shurunum) {
        var stock = shurunum.parent().find("#stock").val();
        var c = shurunum.parent().find(".n_ipt").val();
        if (c>stock){
            shurunum.parent().find(".n_ipt").val(1);
            alert("库存不足");
        }else{
            shurunum.parent().find(".n_ipt").val(c);
        }
    }


    function addUpdate(jia){
        var stock = jia.parent().find(".stock").val();
        var c = jia.parent().find(".n_ipt").val();
        c=parseInt(c)+1;
        if (c>stock){
            alert("库存不足")
        }else{
            jia.parent().find(".n_ipt").val(c);
        }

    }


</script>
</html>
